<template>
  <div class="conter-div">
    <video :src="videoUrl" :controls="true" width="100%" height="500"></video>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  },
  data(){
    return{
      videoUrl:'http://txvideo.aijiayou.com/e0e86d1fvodgzp1252425236/97531f935576678019782313439/DhQnQyAkTXoA.mp4'
    }
  }
}
</script>

<style scoped lang="less">
.conter-div{
  padding: 20px;
  color: #000;
}
</style>
